﻿<!DOCTYPE html>
<html>
  <head>
    <title>聊天对话窗口-默认样式</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/聊天对话窗口-默认样式/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/聊天对话窗口-默认样式/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u232" class="ax_default box_3">
        <div id="u232_div" class=""></div>
        <div id="u232_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u233" class="ax_default" data-left="108" data-top="188" data-width="764" data-height="967">

        <!-- Unnamed (组合) -->
        <div id="u234" class="ax_default" data-left="108" data-top="188" data-width="764" data-height="967">

          <!-- Unnamed (组合) -->
          <div id="u235" class="ax_default" data-left="108" data-top="188" data-width="764" data-height="967">

            <!-- Unnamed (组合) -->
            <div id="u236" class="ax_default" data-left="108" data-top="188" data-width="764" data-height="967">

              <!-- Unnamed (组合) -->
              <div id="u237" class="ax_default" data-left="108" data-top="188" data-width="764" data-height="967">

                <!-- Unnamed (矩形) -->
                <div id="u238" class="ax_default _形状">
                  <div id="u238_div" class=""></div>
                  <div id="u238_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u239" class="ax_default _形状">
                  <div id="u239_div" class=""></div>
                  <div id="u239_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 我是主要信息，我是主要备份 3 (矩形) -->
                <div id="u240" class="ax_default _文本段落" data-label="我是主要信息，我是主要备份 3">
                  <div id="u240_div" class=""></div>
                  <div id="u240_text" class="text ">
                    <p><span>天机AI助理</span></p>
                  </div>
                </div>

                <!-- 5d10a78f 0dfd 4ba3 a001 9bff7f0d176f (组合) -->
                <div id="u241" class="ax_default" data-label="5d10a78f 0dfd 4ba3 a001 9bff7f0d176f" data-left="802" data-top="210" data-width="17" data-height="17">

                  <!-- fullsreen (Background) (形状) -->
                  <div id="u242" class="ax_default _形状" data-label="fullsreen (Background)">
                    <img id="u242_img" class="img " src="images/主页/fullsreen__background__u72.svg"/>
                    <div id="u242_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- fullsreen (形状) -->
                  <div id="u243" class="ax_default _形状" data-label="fullsreen">
                    <img id="u243_img" class="img " src="images/主页/fullsreen_u73.svg"/>
                    <div id="u243_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>
                </div>

                <!-- 8e29af2b 9a85 4c13 81f3 b0a7abb36345 (组合) -->
                <div id="u244" class="ax_default" data-label="8e29af2b 9a85 4c13 81f3 b0a7abb36345" data-left="831" data-top="210" data-width="17" data-height="17">

                  <!-- 矩形 (形状) -->
                  <div id="u245" class="ax_default _形状" data-label="矩形">
                    <img id="u245_img" class="img " src="images/主页/矩形_u75.svg"/>
                    <div id="u245_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- 路径 4 (Stroke) (形状) -->
                  <div id="u246" class="ax_default _形状" data-label="路径 4 (Stroke)">
                    <img id="u246_img" class="img " src="images/主页/路径_4__stroke__u76.svg"/>
                    <div id="u246_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>
                </div>

                <!-- Unnamed (组合) -->
                <div id="u247" class="ax_default" data-left="601" data-top="210" data-width="69" data-height="20">

                  <!-- 6a6872ca 0fec 48bc 95b3 061684c63e26 (组合) -->
                  <div id="u248" class="ax_default" data-label="6a6872ca 0fec 48bc 95b3 061684c63e26" data-left="601" data-top="210" data-width="17" data-height="17">

                    <!-- 矩形 (形状) -->
                    <div id="u249" class="ax_default _形状" data-label="矩形">
                      <img id="u249_img" class="img " src="images/主页/矩形_u75.svg"/>
                      <div id="u249_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Union (形状) -->
                    <div id="u250" class="ax_default _形状" data-label="Union">
                      <img id="u250_img" class="img " src="images/主页/union_u80.svg"/>
                      <div id="u250_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u251" class="ax_default heading_5">
                    <div id="u251_div" class=""></div>
                    <div id="u251_text" class="text ">
                      <p><span>创建会话</span></p>
                    </div>
                  </div>
                </div>

                <!-- Unnamed (组合) -->
                <div id="u252" class="ax_default" data-left="685" data-top="209" data-width="70" data-height="20">

                  <!-- 67ef6156 0753 4be0 aefe f912f482ff8e (组合) -->
                  <div id="u253" class="ax_default" data-label="67ef6156 0753 4be0 aefe f912f482ff8e" data-left="685" data-top="211" data-width="17" data-height="17">

                    <!-- history (Background) (形状) -->
                    <div id="u254" class="ax_default _形状" data-label="history (Background)">
                      <img id="u254_img" class="img " src="images/主页/fullsreen__background__u72.svg"/>
                      <div id="u254_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- history (形状) -->
                    <div id="u255" class="ax_default _形状" data-label="history">
                      <img id="u255_img" class="img " src="images/主页/history_u85.svg"/>
                      <div id="u255_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u256" class="ax_default heading_5">
                    <div id="u256_div" class=""></div>
                    <div id="u256_text" class="text ">
                      <p><span>历史记录</span></p>
                    </div>
                  </div>
                </div>

                <!-- e49de78a c67e 45c9 99e8 fc39708d5773 (组合) -->
                <div id="u257" class="ax_default" data-label="e49de78a c67e 45c9 99e8 fc39708d5773" data-left="770" data-top="209" data-width="16" data-height="19">

                  <!-- menu unfold (Background) (形状) -->
                  <div id="u258" class="ax_default _形状" data-label="menu unfold (Background)">
                    <img id="u258_img" class="img " src="images/主页/menu_unfold__background__u88.svg"/>
                    <div id="u258_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- menu unfold (形状) -->
                  <div id="u259" class="ax_default _形状" data-label="menu unfold">
                    <img id="u259_img" class="img " src="images/主页/menu_unfold_u89.svg"/>
                    <div id="u259_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>
                </div>

                <!-- Unnamed (图片 ) -->
                <div id="u260" class="ax_default _图片_">
                  <img id="u260_img" class="img " src="images/主页/u90.png"/>
                  <div id="u260_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- Unnamed (组合) -->
                <div id="u261" class="ax_default" data-left="135" data-top="938" data-width="706" data-height="180">

                  <!-- Unnamed (矩形) -->
                  <div id="u262" class="ax_default _形状">
                    <div id="u262_div" class=""></div>
                    <div id="u262_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u263" class="ax_default heading_4">
                    <div id="u263_div" class=""></div>
                    <div id="u263_text" class="text ">
                      <p><span>请将您的问题告诉我，Shift+Enter换行</span></p>
                    </div>
                  </div>

                  <!-- 矩形 (矩形) -->
                  <div id="u264" class="ax_default _形状" data-label="矩形">
                    <div id="u264_div" class=""></div>
                    <div id="u264_text" class="text ">
                      <p><span>发送</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (SVG) -->
                  <div id="u265" class="ax_default image">
                    <img id="u265_img" class="img " src="images/主页/u95.svg"/>
                    <div id="u265_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (图片 ) -->
                  <div id="u266" class="ax_default image">
                    <img id="u266_img" class="img " src="images/主页/u96.png"/>
                    <div id="u266_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u267" class="ax_default heading_1">
                  <div id="u267_div" class=""></div>
                  <div id="u267_text" class="text ">
                    <p><span>Hello，我是天机AI助理</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u268" class="ax_default heading_4">
                  <div id="u268_div" class=""></div>
                  <div id="u268_text" class="text ">
                    <p><span>我是由天机学堂倾力打造的智能助理，我不仅能推荐课程、答疑解惑，还能为您激发创意、畅聊心事。</span></p>
                  </div>
                </div>

                <!-- Unnamed (组合) -->
                <div id="u269" class="ax_default" data-left="176" data-top="657" data-width="634" data-height="22">

                  <!-- Unnamed (矩形) -->
                  <div id="u270" class="ax_default heading_4">
                    <div id="u270_div" class=""></div>
                    <div id="u270_text" class="text ">
                      <p><span>试试这样问我：</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (组合) -->
                  <div id="u271" class="ax_default" data-left="736" data-top="657" data-width="74" data-height="22">

                    <!-- Unnamed (矩形) -->
                    <div id="u272" class="ax_default heading_4">
                      <div id="u272_div" class=""></div>
                      <div id="u272_text" class="text ">
                        <p><span>换一换&nbsp; </span></p>
                      </div>
                    </div>

                    <!-- Unnamed (SVG) -->
                    <div id="u273" class="ax_default image">
                      <img id="u273_img" class="img " src="images/主页/u103.svg"/>
                      <div id="u273_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>
                  </div>
                </div>

                <!-- Unnamed (组合) -->
                <div id="u274" class="ax_default" data-left="175" data-top="699" data-width="630" data-height="95">

                  <!-- Unnamed (组合) -->
                  <div id="u275" class="ax_default" data-left="175" data-top="699" data-width="630" data-height="95">

                    <!-- Unnamed (组合) -->
                    <div id="u276" class="ax_default" data-left="175" data-top="699" data-width="293" data-height="95">

                      <!-- Unnamed (矩形) -->
                      <div id="u277" class="ax_default _形状">
                        <div id="u277_div" class=""></div>
                        <div id="u277_text" class="text " style="display:none; visibility: hidden">
                          <p></p>
                        </div>
                      </div>

                      <!-- Unnamed (组合) -->
                      <div id="u278" class="ax_default" data-left="194" data-top="712" data-width="245" data-height="22">

                        <!-- 6d2a1911 c431 4e90 8afa bf12840ea56b (组合) -->
                        <div id="u279" class="ax_default" data-label="6d2a1911 c431 4e90 8afa bf12840ea56b" data-left="194" data-top="714" data-width="16" data-height="18">

                          <!-- Unnamed (圆形) -->
                          <div id="u280" class="ax_default ellipse">
                            <img id="u280_img" class="img " src="images/主页/u110.svg"/>
                            <div id="u280_text" class="text ">
                              <p><span>?</span></p>
                            </div>
                          </div>
                        </div>

                        <!-- Unnamed (组合) -->
                        <div id="u281" class="ax_default" data-left="218" data-top="712" data-width="221" data-height="22">

                          <!-- Unnamed (矩形) -->
                          <div id="u282" class="ax_default heading_4">
                            <div id="u282_div" class=""></div>
                            <div id="u282_text" class="text ">
                              <p><span>课程推荐</span></p>
                            </div>
                          </div>

                          <!-- Unnamed (组合) -->
                          <div id="u283" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
                          </div>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u284" class="ax_default heading_4">
                        <div id="u284_div" class=""></div>
                        <div id="u284_text" class="text ">
                          <p><span>能帮我推荐一个合适的课吗？</span></p>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (组合) -->
                    <div id="u285" class="ax_default" data-left="512" data-top="699" data-width="293" data-height="95">

                      <!-- Unnamed (矩形) -->
                      <div id="u286" class="ax_default _形状">
                        <div id="u286_div" class=""></div>
                        <div id="u286_text" class="text " style="display:none; visibility: hidden">
                          <p></p>
                        </div>
                      </div>

                      <!-- Unnamed (组合) -->
                      <div id="u287" class="ax_default" data-left="531" data-top="712" data-width="245" data-height="22">

                        <!-- 6d2a1911 c431 4e90 8afa bf12840ea56b (组合) -->
                        <div id="u288" class="ax_default" data-label="6d2a1911 c431 4e90 8afa bf12840ea56b" data-left="531" data-top="714" data-width="16" data-height="18">

                          <!-- Unnamed (圆形) -->
                          <div id="u289" class="ax_default ellipse">
                            <img id="u289_img" class="img " src="images/主页/u110.svg"/>
                            <div id="u289_text" class="text ">
                              <p><span>?</span></p>
                            </div>
                          </div>
                        </div>

                        <!-- Unnamed (组合) -->
                        <div id="u290" class="ax_default" data-left="555" data-top="712" data-width="221" data-height="22">

                          <!-- Unnamed (矩形) -->
                          <div id="u291" class="ax_default heading_4">
                            <div id="u291_div" class=""></div>
                            <div id="u291_text" class="text ">
                              <p><span>课程推荐</span></p>
                            </div>
                          </div>

                          <!-- Unnamed (组合) -->
                          <div id="u292" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
                          </div>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u293" class="ax_default heading_4">
                        <div id="u293_div" class=""></div>
                        <div id="u293_text" class="text ">
                          <p><span>最近有什么新课吗？</span></p>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- e00d4d96 b99c 4a5b b918 23338ee602d3 (组合) -->
                  <div id="u294" class="ax_default" data-label="e00d4d96 b99c 4a5b b918 23338ee602d3" data-left="435" data-top="740" data-width="16" data-height="16">

                    <!-- 矩形 (形状) -->
                    <div id="u295" class="ax_default _形状" data-label="矩形">
                      <img id="u295_img" class="img " src="images/主页/矩形_u125.svg"/>
                      <div id="u295_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- 路径 4 (Stroke) (形状) -->
                    <div id="u296" class="ax_default _形状" data-label="路径 4 (Stroke)">
                      <img id="u296_img" class="img " src="images/主页/路径_4__stroke__u126.svg"/>
                      <div id="u296_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>
                  </div>

                  <!-- e00d4d96 b99c 4a5b b918 23338ee602d3 (组合) -->
                  <div id="u297" class="ax_default" data-label="e00d4d96 b99c 4a5b b918 23338ee602d3" data-left="766" data-top="740" data-width="16" data-height="16">

                    <!-- 矩形 (形状) -->
                    <div id="u298" class="ax_default _形状" data-label="矩形">
                      <img id="u298_img" class="img " src="images/主页/矩形_u125.svg"/>
                      <div id="u298_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- 路径 4 (Stroke) (形状) -->
                    <div id="u299" class="ax_default _形状" data-label="路径 4 (Stroke)">
                      <img id="u299_img" class="img " src="images/主页/路径_4__stroke__u126.svg"/>
                      <div id="u299_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>
                  </div>
                </div>

                <!-- Unnamed (组合) -->
                <div id="u300" class="ax_default" data-left="175" data-top="814" data-width="630" data-height="95">

                  <!-- Unnamed (组合) -->
                  <div id="u301" class="ax_default" data-left="175" data-top="814" data-width="630" data-height="95">

                    <!-- Unnamed (组合) -->
                    <div id="u302" class="ax_default" data-left="175" data-top="814" data-width="293" data-height="95">

                      <!-- Unnamed (矩形) -->
                      <div id="u303" class="ax_default _形状">
                        <div id="u303_div" class=""></div>
                        <div id="u303_text" class="text " style="display:none; visibility: hidden">
                          <p></p>
                        </div>
                      </div>

                      <!-- Unnamed (组合) -->
                      <div id="u304" class="ax_default" data-left="194" data-top="827" data-width="245" data-height="22">

                        <!-- 6d2a1911 c431 4e90 8afa bf12840ea56b (组合) -->
                        <div id="u305" class="ax_default" data-label="6d2a1911 c431 4e90 8afa bf12840ea56b" data-left="194" data-top="829" data-width="16" data-height="18">

                          <!-- Unnamed (圆形) -->
                          <div id="u306" class="ax_default ellipse">
                            <img id="u306_img" class="img " src="images/主页/u110.svg"/>
                            <div id="u306_text" class="text ">
                              <p><span>?</span></p>
                            </div>
                          </div>
                        </div>

                        <!-- Unnamed (组合) -->
                        <div id="u307" class="ax_default" data-left="218" data-top="827" data-width="221" data-height="22">

                          <!-- Unnamed (矩形) -->
                          <div id="u308" class="ax_default heading_4">
                            <div id="u308_div" class=""></div>
                            <div id="u308_text" class="text ">
                              <p><span>学习安排</span></p>
                            </div>
                          </div>

                          <!-- Unnamed (组合) -->
                          <div id="u309" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
                          </div>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u310" class="ax_default heading_4">
                        <div id="u310_div" class=""></div>
                        <div id="u310_text" class="text ">
                          <p><span>根据我的学习时长、习惯、课程，帮我制定下一个阶段的学习计划。</span></p>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (组合) -->
                    <div id="u311" class="ax_default" data-left="512" data-top="814" data-width="293" data-height="95">

                      <!-- Unnamed (组合) -->
                      <div id="u312" class="ax_default" data-left="512" data-top="814" data-width="293" data-height="95">

                        <!-- Unnamed (矩形) -->
                        <div id="u313" class="ax_default _形状">
                          <div id="u313_div" class=""></div>
                          <div id="u313_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>

                        <!-- Unnamed (组合) -->
                        <div id="u314" class="ax_default" data-left="531" data-top="827" data-width="245" data-height="22">

                          <!-- 6d2a1911 c431 4e90 8afa bf12840ea56b (组合) -->
                          <div id="u315" class="ax_default" data-label="6d2a1911 c431 4e90 8afa bf12840ea56b" data-left="531" data-top="829" data-width="16" data-height="18">

                            <!-- Unnamed (圆形) -->
                            <div id="u316" class="ax_default ellipse">
                              <img id="u316_img" class="img " src="images/主页/u110.svg"/>
                              <div id="u316_text" class="text ">
                                <p><span>?</span></p>
                              </div>
                            </div>
                          </div>

                          <!-- Unnamed (组合) -->
                          <div id="u317" class="ax_default" data-left="555" data-top="827" data-width="221" data-height="22">

                            <!-- Unnamed (矩形) -->
                            <div id="u318" class="ax_default heading_4">
                              <div id="u318_div" class=""></div>
                              <div id="u318_text" class="text ">
                                <p><span>功能介绍</span></p>
                              </div>
                            </div>

                            <!-- Unnamed (组合) -->
                            <div id="u319" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
                            </div>
                          </div>
                        </div>

                        <!-- Unnamed (矩形) -->
                        <div id="u320" class="ax_default heading_4">
                          <div id="u320_div" class=""></div>
                          <div id="u320_text" class="text ">
                            <p><span>天机AI助理能为我做什么？</span></p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- e00d4d96 b99c 4a5b b918 23338ee602d3 (组合) -->
                  <div id="u321" class="ax_default" data-label="e00d4d96 b99c 4a5b b918 23338ee602d3" data-left="435" data-top="855" data-width="16" data-height="16">

                    <!-- 矩形 (形状) -->
                    <div id="u322" class="ax_default _形状" data-label="矩形">
                      <img id="u322_img" class="img " src="images/主页/矩形_u125.svg"/>
                      <div id="u322_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- 路径 4 (Stroke) (形状) -->
                    <div id="u323" class="ax_default _形状" data-label="路径 4 (Stroke)">
                      <img id="u323_img" class="img " src="images/主页/路径_4__stroke__u126.svg"/>
                      <div id="u323_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>
                  </div>

                  <!-- e00d4d96 b99c 4a5b b918 23338ee602d3 (组合) -->
                  <div id="u324" class="ax_default" data-label="e00d4d96 b99c 4a5b b918 23338ee602d3" data-left="766" data-top="855" data-width="16" data-height="16">

                    <!-- 矩形 (形状) -->
                    <div id="u325" class="ax_default _形状" data-label="矩形">
                      <img id="u325_img" class="img " src="images/主页/矩形_u125.svg"/>
                      <div id="u325_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- 路径 4 (Stroke) (形状) -->
                    <div id="u326" class="ax_default _形状" data-label="路径 4 (Stroke)">
                      <img id="u326_img" class="img " src="images/主页/路径_4__stroke__u126.svg"/>
                      <div id="u326_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u327" class="ax_default heading_1">
        <div id="u327_div" class=""></div>
        <div id="u327_text" class="text ">
          <p><span>聊天对话窗口- 默认样式</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u328" class="ax_default box_21">
        <img id="u328_img" class="img " src="images/聊天对话窗口-默认样式/u328.svg"/>
        <div id="u328_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u329" class="ax_default heading_1">
        <div id="u329_div" class=""></div>
        <div id="u329_text" class="text ">
          <p><span>产品需求文档 (PRD) - 聊天对话窗口</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u330" class="ax_default heading_2">
        <div id="u330_div" class=""></div>
        <div id="u330_text" class="text ">
          <p><span>一、聊天对话窗口（默认）</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u331" class="ax_default heading_4">
        <div id="u331_div" class=""></div>
        <div id="u331_text" class="text ">
          <ul><li style=""><span style="font-family:'PingFangSC-Medium', 'PingFang SC Medium', 'PingFang SC', sans-serif;font-weight:500;">默认显示：</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC', sans-serif;font-weight:400;">「创建会话」、「发送」默认为置灰，不可点击状态；「热门问题」默认展示4个；</span></li><li style=""><span style="font-family:'PingFangSC-Medium', 'PingFang SC Medium', 'PingFang SC', sans-serif;font-weight:500;">弹窗样式：</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC', sans-serif;font-weight:400;">唤起聊天对话窗口时，若没有会话记录，显示默认样式；若有会话记录，显示最近一次会话记录；</span></li></ul>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u332" class="ax_default heading_3">
        <div id="u332_div" class=""></div>
        <div id="u332_text" class="text ">
          <p><span>1. 显示规则</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u333" class="ax_default heading_3">
        <div id="u333_div" class=""></div>
        <div id="u333_text" class="text ">
          <p><span>2. 交互说明</span></p>
        </div>
      </div>

      <!-- Unnamed (表格) -->
      <div id="u334" class="ax_default">

        <!-- Unnamed (单元格) -->
        <div id="u335" class="ax_default table_cell">
          <img id="u335_img" class="img " src="images/主页/u43.png"/>
          <div id="u335_text" class="text ">
            <p><span>按钮名称</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u336" class="ax_default table_cell">
          <img id="u336_img" class="img " src="images/聊天对话窗口-默认样式/u336.png"/>
          <div id="u336_text" class="text ">
            <p><span>交互说明</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u337" class="ax_default table_cell">
          <img id="u337_img" class="img " src="images/聊天对话窗口-默认样式/u337.png"/>
          <div id="u337_text" class="text ">
            <p><span>是否开发</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u338" class="ax_default table_cell">
          <img id="u338_img" class="img " src="images/主页/u45.png"/>
          <div id="u338_text" class="text ">
            <p><span>创建会话</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u339" class="ax_default table_cell">
          <img id="u339_img" class="img " src="images/聊天对话窗口-默认样式/u339.png"/>
          <div id="u339_text" class="text ">
            <ul><li style=""><span style="font-family:'PingFangSC-Medium', 'PingFang SC Medium', 'PingFang SC', sans-serif;font-weight:500;">未创建对话内容：</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC', sans-serif;font-weight:400;">按钮置灰，不可点击；</span></li><li style=""><span style="font-family:'PingFangSC-Medium', 'PingFang SC Medium', 'PingFang SC', sans-serif;font-weight:500;">已创建对话内容：</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC', sans-serif;font-weight:400;">点击「创建会话」，进入到新的聊天对话窗口（显示默认状态）</span></li></ul>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u340" class="ax_default table_cell">
          <img id="u340_img" class="img " src="images/聊天对话窗口-默认样式/u340.png"/>
          <div id="u340_text" class="text ">
            <p><span>开发</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u341" class="ax_default table_cell">
          <img id="u341_img" class="img " src="images/主页/u45.png"/>
          <div id="u341_text" class="text ">
            <p><span>历史记录</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u342" class="ax_default table_cell">
          <img id="u342_img" class="img " src="images/聊天对话窗口-默认样式/u339.png"/>
          <div id="u342_text" class="text ">
            <p><span>&nbsp;&nbsp; &nbsp; 点击「历史记录」，显示「历史记录」下拉框；</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u343" class="ax_default table_cell">
          <img id="u343_img" class="img " src="images/聊天对话窗口-默认样式/u340.png"/>
          <div id="u343_text" class="text ">
            <p><span>开发</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u344" class="ax_default table_cell">
          <img id="u344_img" class="img " src="images/聊天对话窗口-默认样式/u344.png"/>
          <div id="u344_text" class="text ">
            <p><span>右侧窗口吸附</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u345" class="ax_default table_cell">
          <img id="u345_img" class="img " src="images/聊天对话窗口-默认样式/u345.png"/>
          <div id="u345_text" class="text ">
            <ul><li style=""><span style="font-family:'PingFangSC-Medium', 'PingFang SC Medium', 'PingFang SC', sans-serif;font-weight:500;">点击「右侧窗口吸附」</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC', sans-serif;font-weight:400;">：页面右侧出侧边栏，独立弹窗吸附页面右侧，主页面做适配</span></li><li style=""><span style="font-family:'PingFangSC-Medium', 'PingFang SC Medium', 'PingFang SC', sans-serif;font-weight:500;">悬停</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC', sans-serif;font-weight:400;">：鼠标悬停出「hover提示」，提示信息：右侧窗口吸附；</span></li></ul>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u346" class="ax_default table_cell">
          <img id="u346_img" class="img " src="images/聊天对话窗口-默认样式/u346.png"/>
          <div id="u346_text" class="text ">
            <p><span>不开发，静态按钮</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u347" class="ax_default table_cell">
          <img id="u347_img" class="img " src="images/主页/u45.png"/>
          <div id="u347_text" class="text ">
            <p><span>全屏</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u348" class="ax_default table_cell">
          <img id="u348_img" class="img " src="images/聊天对话窗口-默认样式/u339.png"/>
          <div id="u348_text" class="text ">
            <ul><li style=""><span style="font-family:'PingFangSC-Medium', 'PingFang SC Medium', 'PingFang SC', sans-serif;font-weight:500;">点击「全屏」</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC', sans-serif;font-weight:400;">：进入到「聊天对话页面」；</span></li><li style=""><span style="font-family:'PingFangSC-Medium', 'PingFang SC Medium', 'PingFang SC', sans-serif;font-weight:500;">悬停</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC', sans-serif;font-weight:400;">：鼠标悬停出「hover提示」，提示信息：全屏；</span></li></ul>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u349" class="ax_default table_cell">
          <img id="u349_img" class="img " src="images/聊天对话窗口-默认样式/u340.png"/>
          <div id="u349_text" class="text ">
            <p><span>不开发，静态按钮</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u350" class="ax_default table_cell">
          <img id="u350_img" class="img " src="images/主页/u47.png"/>
          <div id="u350_text" class="text ">
            <p><span>最小化</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u351" class="ax_default table_cell">
          <img id="u351_img" class="img " src="images/聊天对话窗口-默认样式/u351.png"/>
          <div id="u351_text" class="text ">
            <ul><li style=""><span style="font-family:'PingFangSC-Medium', 'PingFang SC Medium', 'PingFang SC', sans-serif;font-weight:500;">点击「最小化」</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC', sans-serif;font-weight:400;">：弹窗关闭，页面「大图标」；</span></li><li style=""><span style="font-family:'PingFangSC-Medium', 'PingFang SC Medium', 'PingFang SC', sans-serif;font-weight:500;">悬停</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC', sans-serif;font-weight:400;">：鼠标悬停出「hover提示」，提示信息：全屏；</span></li></ul>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u352" class="ax_default table_cell">
          <img id="u352_img" class="img " src="images/聊天对话窗口-默认样式/u352.png"/>
          <div id="u352_text" class="text ">
            <p><span>开发</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u353" class="ax_default" data-left="1059" data-top="855" data-width="137" data-height="63">

        <!-- Unnamed (组合) -->
        <div id="u354" class="ax_default" data-left="1059" data-top="855" data-width="137" data-height="63">

          <!-- Unnamed (组合) -->
          <div id="u355" class="ax_default" data-left="1059" data-top="855" data-width="137" data-height="63">

            <!-- bg_dropdown (矩形) -->
            <div id="u356" class="ax_default tooltip" data-label="bg_dropdown">
              <div id="u356_div" class=""></div>
              <div id="u356_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (三角形) -->
            <div id="u357" class="ax_default box_1">
              <img id="u357_img" class="img " src="images/主页/u19.svg"/>
              <div id="u357_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u358" class="ax_default heading_4">
            <div id="u358_div" class=""></div>
            <div id="u358_text" class="text ">
              <p><span>右侧窗口吸附</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u359" class="ax_default" data-left="1122" data-top="973" data-width="86" data-height="63">

        <!-- Unnamed (组合) -->
        <div id="u360" class="ax_default" data-left="1122" data-top="973" data-width="86" data-height="63">

          <!-- Unnamed (组合) -->
          <div id="u361" class="ax_default" data-left="1122" data-top="973" data-width="86" data-height="63">

            <!-- bg_dropdown (矩形) -->
            <div id="u362" class="ax_default tooltip" data-label="bg_dropdown">
              <div id="u362_div" class=""></div>
              <div id="u362_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (三角形) -->
            <div id="u363" class="ax_default box_1">
              <img id="u363_img" class="img " src="images/主页/u19.svg"/>
              <div id="u363_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u364" class="ax_default heading_4">
            <div id="u364_div" class=""></div>
            <div id="u364_text" class="text ">
              <p><span>全屏</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u365" class="ax_default" data-left="1228" data-top="855" data-width="86" data-height="63">

        <!-- Unnamed (组合) -->
        <div id="u366" class="ax_default" data-left="1228" data-top="855" data-width="86" data-height="63">

          <!-- Unnamed (组合) -->
          <div id="u367" class="ax_default" data-left="1228" data-top="855" data-width="86" data-height="63">

            <!-- bg_dropdown (矩形) -->
            <div id="u368" class="ax_default tooltip" data-label="bg_dropdown">
              <div id="u368_div" class=""></div>
              <div id="u368_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (三角形) -->
            <div id="u369" class="ax_default box_1">
              <img id="u369_img" class="img " src="images/主页/u19.svg"/>
              <div id="u369_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u370" class="ax_default heading_4">
            <div id="u370_div" class=""></div>
            <div id="u370_text" class="text ">
              <p><span>最小化</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 5d10a78f 0dfd 4ba3 a001 9bff7f0d176f (组合) -->
      <div id="u371" class="ax_default" data-label="5d10a78f 0dfd 4ba3 a001 9bff7f0d176f" data-left="1156" data-top="939" data-width="17" data-height="17">

        <!-- fullsreen (Background) (形状) -->
        <div id="u372" class="ax_default _形状" data-label="fullsreen (Background)">
          <img id="u372_img" class="img " src="images/主页/fullsreen__background__u72.svg"/>
          <div id="u372_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- fullsreen (形状) -->
        <div id="u373" class="ax_default _形状" data-label="fullsreen">
          <img id="u373_img" class="img " src="images/主页/fullsreen_u73.svg"/>
          <div id="u373_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- 8e29af2b 9a85 4c13 81f3 b0a7abb36345 (组合) -->
      <div id="u374" class="ax_default" data-label="8e29af2b 9a85 4c13 81f3 b0a7abb36345" data-left="1185" data-top="918" data-width="89" data-height="38">

        <!-- 矩形 (形状) -->
        <div id="u375" class="ax_default _形状" data-label="矩形">
          <img id="u375_img" class="img " src="images/主页/矩形_u75.svg"/>
          <div id="u375_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- 路径 4 (Stroke) (形状) -->
        <div id="u376" class="ax_default _形状" data-label="路径 4 (Stroke)">
          <img id="u376_img" class="img " src="images/主页/路径_4__stroke__u76.svg"/>
          <div id="u376_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (连接) -->
        <div id="u377" class="ax_default _连接">
          <img id="u377_seg0" class="img " src="images/聊天对话窗口-默认样式/u377_seg0.svg" alt="u377_seg0"/>
          <img id="u377_seg1" class="img " src="images/聊天对话窗口-默认样式/u377_seg1.svg" alt="u377_seg1"/>
          <img id="u377_seg2" class="img " src="images/聊天对话窗口-默认样式/u377_seg2.svg" alt="u377_seg2"/>
          <div id="u377_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u378" class="ax_default" data-left="955" data-top="939" data-width="69" data-height="20">

        <!-- 6a6872ca 0fec 48bc 95b3 061684c63e26 (组合) -->
        <div id="u379" class="ax_default" data-label="6a6872ca 0fec 48bc 95b3 061684c63e26" data-left="955" data-top="939" data-width="17" data-height="17">

          <!-- 矩形 (形状) -->
          <div id="u380" class="ax_default _形状" data-label="矩形">
            <img id="u380_img" class="img " src="images/主页/矩形_u75.svg"/>
            <div id="u380_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Union (形状) -->
          <div id="u381" class="ax_default _形状" data-label="Union">
            <img id="u381_img" class="img " src="images/主页/union_u80.svg"/>
            <div id="u381_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u382" class="ax_default heading_5">
          <div id="u382_div" class=""></div>
          <div id="u382_text" class="text ">
            <p><span>创建会话</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u383" class="ax_default" data-left="1039" data-top="938" data-width="70" data-height="20">

        <!-- 67ef6156 0753 4be0 aefe f912f482ff8e (组合) -->
        <div id="u384" class="ax_default" data-label="67ef6156 0753 4be0 aefe f912f482ff8e" data-left="1039" data-top="940" data-width="17" data-height="17">

          <!-- history (Background) (形状) -->
          <div id="u385" class="ax_default _形状" data-label="history (Background)">
            <img id="u385_img" class="img " src="images/主页/fullsreen__background__u72.svg"/>
            <div id="u385_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- history (形状) -->
          <div id="u386" class="ax_default _形状" data-label="history">
            <img id="u386_img" class="img " src="images/主页/history_u85.svg"/>
            <div id="u386_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u387" class="ax_default heading_5">
          <div id="u387_div" class=""></div>
          <div id="u387_text" class="text ">
            <p><span>历史记录</span></p>
          </div>
        </div>
      </div>

      <!-- e49de78a c67e 45c9 99e8 fc39708d5773 (组合) -->
      <div id="u388" class="ax_default" data-label="e49de78a c67e 45c9 99e8 fc39708d5773" data-left="1124" data-top="938" data-width="16" data-height="19">

        <!-- menu unfold (Background) (形状) -->
        <div id="u389" class="ax_default _形状" data-label="menu unfold (Background)">
          <img id="u389_img" class="img " src="images/主页/menu_unfold__background__u88.svg"/>
          <div id="u389_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- menu unfold (形状) -->
        <div id="u390" class="ax_default _形状" data-label="menu unfold">
          <img id="u390_img" class="img " src="images/主页/menu_unfold_u89.svg"/>
          <div id="u390_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (表格) -->
      <div id="u391" class="ax_default">

        <!-- Unnamed (单元格) -->
        <div id="u392" class="ax_default table_cell">
          <img id="u392_img" class="img " src="images/主页/u43.png"/>
          <div id="u392_text" class="text ">
            <p><span>按钮名称</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u393" class="ax_default table_cell">
          <img id="u393_img" class="img " src="images/聊天对话窗口-默认样式/u336.png"/>
          <div id="u393_text" class="text ">
            <p><span>交互说明</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u394" class="ax_default table_cell">
          <img id="u394_img" class="img " src="images/聊天对话窗口-默认样式/u337.png"/>
          <div id="u394_text" class="text ">
            <p><span>是否开发</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u395" class="ax_default table_cell">
          <img id="u395_img" class="img " src="images/主页/u47.png"/>
          <div id="u395_text" class="text ">
            <p><span>热门问题</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u396" class="ax_default table_cell">
          <img id="u396_img" class="img " src="images/聊天对话窗口-默认样式/u351.png"/>
          <div id="u396_text" class="text ">
            <ul><li style=""><span style="font-family:'PingFangSC-Medium', 'PingFang SC Medium', 'PingFang SC', sans-serif;font-weight:500;">点击「换一换」</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC', sans-serif;font-weight:400;">：同时切换4条热门问题；</span></li><li style=""><span style="font-family:'PingFangSC-Medium', 'PingFang SC Medium', 'PingFang SC', sans-serif;font-weight:500;">点击「热门问题」</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC', sans-serif;font-weight:400;">：输入框中显示所选提问内容（可编辑）；</span></li></ul>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u397" class="ax_default table_cell">
          <img id="u397_img" class="img " src="images/聊天对话窗口-默认样式/u352.png"/>
          <div id="u397_text" class="text ">
            <p><span>开发，后端写死10个问题，随机返3个</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u398" class="ax_default _连接">
        <img id="u398_seg0" class="img " src="images/聊天对话窗口-默认样式/u398_seg0.svg" alt="u398_seg0"/>
        <div id="u398_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u399" class="ax_default _连接">
        <img id="u399_seg0" class="img " src="images/聊天对话窗口-默认样式/u399_seg0.svg" alt="u399_seg0"/>
        <div id="u399_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
